<template>


</div>


<div id="app">
   <div class="header">
  <h1 align="center">欢迎来到鉴星矫正  <el-button style="float: right" type="primary">退出登录</el-button> </h1>
 
  </div >
<div class="jianxing">
 
  <textarea style="text-align:center;line-height:18px;" rows="5" cols="18">
    
    上海美行口腔门诊部
    鉴星矫正</textarea>
  </div>
  <div class="chu">
    <h2>初诊治疗   <el-button style="float: right" type="success" plain>退到首页</el-button> </h2>
    
  </div>

  <div class="column1">
   <div >
  <img src="aaaaa/td2.png" alt="基本资料" width="300" height="200">
  </div>
<br><br>
  <div >
  <img src="aaaaa/td2.png" alt="姓名：" width="300" height="200">
  </div>
  <br><br><br>
  <div >
  <img src="aaaaa/td2.png" alt="性别：" width="300" height="200">
  </div>
  <br><br><br>
  <div >
  <img src="aaaaa/td2.png" alt="民族/国籍：" width="300" height="200">
  </div>
  <br><br><br>
  <div >
  <img src="aaaaa/td2.png" alt="出生日期：" width="300" height="200">
  </div>
  <br><br><br>
  <div >
  <img src="aaaaa/td2.png" alt="联系方式：" width="300" height="200">
  </div>

 
  

  <br><br><br><br>
     <h2 align="center"> <input  placeholder="点击确认后，提示输入指纹" v-model="message"  style="height:100px;width:250px;"> </h2>


<br>
 <p align="center"><input v-model="message" align="center" style="height:50px;width:100px;"  placeholder="确认"> </p>

  </div>

  <div class="column2">
  <h1 align="center">诊前问卷</h1>
  <p>1.您本次就诊的目的及要求</p>
 <input type="checkbox" id="runoob" value="检查" v-model="checkedNames">
  <label for="runoob">检查</label>
  <input type="checkbox" id="google" value="洁牙" v-model="checkedNames">
  <label for="google">洁牙</label>
  <input type="checkbox" id="taobao" value="补牙" v-model="checkedNames">
  <label for="taobao">补牙</label>
   <input type="checkbox" id="runoob" value="拔牙" v-model="checkedNames">
  <label for="runoob">拔牙</label>
  <input type="checkbox" id="google" value="牙裂痕" v-model="checkedNames">
  <label for="google">牙裂痕</label>
  <input type="checkbox" id="taobao" value="牙龈炎" v-model="checkedNames">
  <label for="taobao">牙龈炎</label>
   <input type="checkbox" id="runoob" value="牙周炎" v-model="checkedNames">
  <label for="runoob">牙周炎</label>
  <input type="checkbox" id="google" value="牙痛" v-model="checkedNames">
  <label for="google">牙痛</label>
  <input type="checkbox" id="taobao" value="牙齿美白" v-model="checkedNames">
  <label for="taobao">牙齿美白</label>
     <input type="checkbox" id="runoob" value="牙齿修复" v-model="checkedNames">
  <label for="runoob">牙齿修复</label>
  <input type="checkbox" id="google" value="牙齿矫正" v-model="checkedNames">
  <label for="google">牙齿矫正</label>
  
  <p>2.过敏药物</p>
 <input v-model="message" placeholder="">
  <p>3.最近使用药物</p>
  <input v-model="message" placeholder="">
  <p>4.最后看牙/洁牙日期</p>
  <input v-model="message" placeholder="">
  <p>5.是否对麻醉药品过敏</p>
  <input type="checkbox" id="runoob" value="是" v-model="checkedNames">
  <label for="runoob">是</label>
  <input type="checkbox" id="google" value="否" v-model="checkedNames">
  <label for="google">否</label>
  <p>6.您患有以下慢性病吗</p>
   <input type="checkbox" id="runoob" value="心脏病" v-model="checkedNames">
  <label for="runoob">心脏病</label>
  <input type="checkbox" id="google" value="糖尿病" v-model="checkedNames">
  <label for="google">糖尿病</label>
  <input type="checkbox" id="taobao" value="贫血" v-model="checkedNames">
  <label for="taobao">贫血</label>
   <input type="checkbox" id="runoob" value="癫痫" v-model="checkedNames">
  <label for="runoob">癫痫</label>
  <input type="checkbox" id="google" value="血液病" v-model="checkedNames">
  <label for="google">血液病</label>
  <input type="checkbox" id="taobao" value="肾病" v-model="checkedNames">
  <label for="taobao">肾病</label>
   <input type="checkbox" id="runoob" value="哮喘" v-model="checkedNames">
  <label for="runoob">哮喘</label>
  <input type="checkbox" id="google" value="肝病" v-model="checkedNames">
  <label for="google">肝病</label>
  <input type="checkbox" id="taobao" value="艾滋病" v-model="checkedNames">
  <label for="taobao">艾滋病</label>
     <input type="checkbox" id="runoob" value="风湿热" v-model="checkedNames">
  <label for="runoob">风湿热</label>
  <input type="checkbox" id="google" value="高血压" v-model="checkedNames">
  <label for="google">高血压</label>
   <input type="checkbox" id="google" value="甲状腺病" v-model="checkedNames">
  <label for="google">甲状腺病</label>
    <p>7.是否怀孕</p>
  <input type="checkbox" id="runoob" value="是" v-model="checkedNames">
  <label for="runoob">是</label>
  <input type="checkbox" id="google" value="否" v-model="checkedNames">
  <label for="google">否</label>
    <p>我知道对上述问题的正确回答将有助于我的牙科治疗</p>
      <p>本人签字：</p>
    <el-alert
    title="提示"
    type="warning"
    description="客户在pad上手写"
    show-icon>
  </el-alert>
     <textarea rows="3" cols="20">
    
     </textarea>
 
      </div>

  

  

</div>
 


</template>


<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}



/* 创建三个相等的列 */
.column1 {
  float: left;
  width: 20%;
  background-color:		#FFE4E1;
}
	.column2 {
  float: left;
  width: 80%;
  background-color:	#FFF5EE;
}
 



.header {
  background-color:aquamarine;
  padding: 20px;
  text-align: center;
}
 
 .jianxing {
   width: 20%;
  background-color:	#F5F5DC;
  padding: 26px;
  position:absolute;
  
}
 .chu {
   width: 80%;
  background-color:#FFE4E1;
  height: 150px;
  padding: 18px;
  position:relative;left:280px;bottom:0px;
}

/* 列后清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 
/* 响应式布局 - 小于 600 px 时改为上下布局 */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}
</style>





<script>


new Vue({
  el: '#app',
  data: {
    message: 'Runoob',
    message2: '菜鸟教程\r\nhttp://www.runoob.com'
  }
})

 export default {
    data () {
      return {
        checkList: ['选中且禁用','复选框 A']
      };
    }
  };


import imgs from "../../static/json/img.json"

export default {

    data () {

        return {

            imgList: imgs.images

        }

    }

}
</script>























































<script>
  export default {
    name: "depositMG",
    data() {
      return{
        total: 1,
        currentPage: 5,
        options:[{
          value: 0, label:'会员姓名'
        }, {
          value: 1, label:'床号'
        }, {
          value: 2, label: '身份证号'
        }],
        valueName: 0,
        valueY: '1',
        valueCost: '1',
        input: '',
        tableData: [{
          member_number: 1,
          beds: 2,
          cd_card: 3,
          deposit: 4
        }],
        listLoading: false,
        deposit: 0,
      }
    },
    methods: {
      handleSizeChange(val) {
        console.log('???');
      },
      handleCurrentChange(val) {
        console.log('!!');
      },
      handleShow(index, row) {
        this.$router.push({path: '/fmg/billingMessage', query:{id:row.id}});
      }
    }
  }
</script>

<style scoped>
  .el-row {
    margin-bottom: 20px;
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
</style>
